feat(mapgen-studio): add canonical token-driven shadcn primitive library with Radix UI and sonner#1606
Merged
Merged
Conversation
|
Railway preview (MapGen Studio): not provisioned for this PR. Policy (Graphite stacks): previews are created only for the top-of-stack PR by default.
Debug: |
Owner
Author
This was referenced Jun 12, 2026
Merged
refactor(studio): decompose App.tsx non-React corpus into feature modules and shared utilities
#1608
Merged
Merged
mateicanavra
changed the base branch from
design/control-seam
to
graphite-base/1606
June 12, 2026 20:33
This was referenced Jun 12, 2026
Merged
mateicanavra
force-pushed
the
design/ui-primitives
branch
from
June 12, 2026 20:44
a0c775a to
91a0376
Compare
mateicanavra
changed the base branch from
graphite-base/1606
to
design/control-seam
June 12, 2026 20:47
Owner
Author
Merge activity
|
mateicanavra
changed the base branch from
design/control-seam
to
graphite-base/1606
June 12, 2026 20:51
Add the canonical primitive library at src/components/ui/ built ON the existing design tokens + cn: button, input, textarea, label, select, switch, checkbox, tooltip, dialog, dropdown-menu, popover, tabs, separator, scroll-area, sonner. Token-driven only (no hex palettes, no lightMode prop, no prefers-color-scheme); dense as-built dimensions (Button h-8/h-7, Input h-7 11px, Switch 36x20) and the contour-luminance focus signature. Add the named type scale tokens (--text-data/--text-label) and register them in cn's tailwind-merge font-size group so a color utility can't clobber the size. Additive: no existing call site is swapped. OpenSpec: mapgen-studio-ui-primitives. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
mateicanavra
force-pushed
the
design/ui-primitives
branch
from
June 12, 2026 20:53
91a0376 to
b13ff7b
Compare
This was referenced Jun 12, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Introduces a canonical token-driven shadcn primitive library for MapGen Studio at
src/components/ui/, providing the foundational building blocks the redesign assembles from. This is an additive change — no existing call sites are migrated.Primitives added: Button, Input, Textarea, Label, Select, Switch, Checkbox, Tooltip, Dialog, DropdownMenu, Popover, Tabs, Separator, ScrollArea, and a Sonner-based Toaster. All are barrel-exported from
src/components/ui/index.ts.Token discipline: Every primitive is styled exclusively through the existing design system tokens (
bg-popover,border-border,text-foreground,ring, etc.). No hex literals, nodark:variants, nolightModeprop. Theming flips via the single.darkclass on<html>; the Toaster reads that class through aMutationObserverrather than next-themes orprefers-color-scheme.Depth and density: Shadows appear only on floating layers (dialog, popover, dropdown, tooltip, select content, toast), which also take the 8px radius. In-surface controls use the 4px radius. Dense as-built dimensions are preserved: Button
h-8/h-7, Inputh-7at 11px, Switch 36×20. Focus renders as a 1px--ringluminance contour. The active Tab is marked by a thin primary underline rule, not a filled slab.Named type scale: Adds
--text-data(11px) and--text-label(10px) as@themefont-size tokens inindex.css. Extends thecntailwind-merge instance to register these in thefont-sizeclass group, preventing a co-applied text color utility from clobbering the font size.Dependencies added: Twelve Radix UI primitive packages and
sonner.